@import "../_mixin";


 .productlist{
 	li{
 		margin-bottom: 0.3rem;
 	}
 }


.productdetail{
	background:#fff;
	padding:0.25rem;
	margin-bottom:0.375rem;
	@include fz(14px);
	li{
		border-bottom:0.05rem solid #edf0f2;
		height:1.125rem;
		line-height:1.125rem;
		color:$preColor;
		position:relative;

		i{

			@include fz(16px);
			color:$primaryColor;
			margin-right:0.1rem;
			img{
				width:100%;
			}
		}
		.fl{
			color:#4d4d4d;
		}
	}
}


 .producthl{
 	a{
 		color:#4d4d4d;
 	}
 	i{
 		margin-top:0.38rem!important;
 		img{
 			height:90%!important;
 		}
 	}
 }

.detail-page {
	.weui_toast_content{
		@include fz(16px)
	}


	.form{
		border-top: 0.05rem solid #edf0f2;
	    background-color: #fff;
	    padding: .266667rem .186667rem;
	    color:$preColor;
	    position: fixed;
	    bottom: 0rem;
	    width: 100%;
	    .postForm{
	    	position:relative;
	    }
		.money{
		    width: 100%;
		    padding: .266667rem .466667rem;
		    border: 1px solid #ccc;
		    line-height: 1;
		    @include fz(15px);
		    border-radius:0.06rem;
		    margin-bottom:0.25rem;
		}
		.balance{
			width:70%;
			@include fz(15px);
			vertical-align:middle;
			line-height:1.5rem;
			span{
				display:block;
				line-height:0.5rem;
				&.est{
					color:$primaryColor;
					@include fz(13px);
				}
			}
			b{
				color:$mainColor;
				@include fz(18px)
			}
		}
		.rmb{
			@include fz(18px);
			position:absolute;
			right:0.25rem;
			line-height:1rem;
			color:#4d4d4d;
		}
		.btn{
			width:30%;

			input, button{
				width:100%;
				background:$primaryColor;
				height:0.9rem;
				color:#fff;
				line-height:0.9rem;
				@include fz(16px);
				border-radius:0.125rem;
				border:none;
				text-align: center;
			}
		}
	}
}


.detail-info{
	@include fz(14px);
	line-height:0.7rem;
	margin-top:1.1rem;
	background:#fff;
	padding:0.25rem;


	header{
		color:$primaryColor;
		@include fz(16px);
		margin-bottom:0.125 rem;
	}
	article{
		color:$preColor;
		margin-bottom:0.5rem;
		.has-read{
			height:auto!important;
		}
		a{
			display:block;
			color:#999;
			line-height:0.8rem;
		}
		img{
			width:100%;
		}

		.pic {
			display: -webkit-box;
			margin-bottom:0.6rem;
			.img{
			    -webkit-box-flex: 1;
			    display: block;
			    width: 100%;
			    position: relative;
			    height: 3.5rem;
			    a{
					display: block;
					height: 3.5rem;
			    }
			    &:last-child{
    				margin-left: 0.6rem;
			    }
			    span{
				    position: absolute;
				    left: 0;
				    bottom: 0;
				    padding: .08rem 0;
				    width: 100%;
				    text-align: center;
				    background-color: #818181;
				    color: #fff;
				    @include fz(14px);
				    margin: 0;
				    padding: 0;
				    line-height: auto;
			    }
			}
		}

	}

	.list{
		ul{
			border:0.04rem solid #e0e0e0;
		}
		li{
			@include fz(12px)
		}
		.cl{
			text-align:center;
			background:#fffaf2;
			color:$primaryColor;

		}
		.txt{
			background:#fff;
			color: #000;
		}
		span{
			-webkit-box-flex:4;
			&.sp{
				-webkit-box-flex:3;
			}
			&.ft{
				-webkit-box-flex:5;
			}
		}
	}

	.assessment  {
		text-align: center;
		p{
		    height: 3rem;
		    overflow: hidden;
		    color: #666;
		    line-height: 160%;
		    text-align: left;
		    @include fz(14px);
	    }
		.readmore {
		    display: inline-block;
		    margin-top: .266667rem;
		    padding: .15rem .4rem;
		    color: #fe7140;
		    border: 1px solid #fe7140;
		    border-radius: .08rem;
		    background-color: #fff1ec;
		    @include fz(15px);
		    i{
		    	@include fz(13px);
		    	padding:0.0rem 0.1rem;
		    }
		}
	}

	ul.report{
		li{
			float: left;
		    padding: .2rem 0;
		    width: 100%;
		    border-top: 1px dashed #dcdcdc;
		    @include fz(14px);
			span {
				float: left;
				color: #666;
			}
			em {
				float: right;
				color: #999;
			}
		}
	}

}




//还款保障
.detail-page {
	.download{
		li{
			line-height:0.75rem;
		}
		a{
			color:#999999;
		}
	}
	.guanrantee-point{
		background:#fff;


		padding-top:0.25rem;
		@include fz(15px);
		dt{
			margin-bottom:0.25rem;
			color:$primaryColor;
		}
		dd{
			margin-bottom:0.5rem;
			color:$preColor;
		}
		dt, dd{
			padding:0.0rem 0.25rem;
			&.sp{
				padding:0.0rem;
			}
		}
	}
	.imglist{
		padding-left:0.25rem;
		li{
			margin-right:0.25rem;
			border:none;
			float: left;
			width:30.5%;
			position:relative;
			margin-bottom:0.3rem;


    		height: 2rem;

			img{
				width:100%;
			}
			a{
			    display: block;
			    height: 100%;
			    width:100%;
			}
			span{
				position: absolute;
				left: 0;
				bottom: 0;
				padding: .08rem 0;
				width: 100%;
				text-align: center;
				background: rgba(0, 0, 0, 0.6);
				color: #fff;
				@include fz(14px);
				margin: 0;
				padding: 0;
				line-height: auto;


			}
		}
	}
}


.wbg{
	background:#fff;
}


.group-sub {
	span {
	    margin-left: .266667rem;
	    color: #666;
	    vertical-align: middle;

		&.txt{
			margin-top: 2.5rem;
			display: block;
			text-align: center;
			@include fz(20px);
		}
		&.money{
			display: block;
			margin: auto;
			margin-top: 0.5rem;
			border: 0.025rem solid #dcdcdc;
			padding: 0.25rem 0;
			text-align: center;
			width: 90%;
			color: #fe7140;
			@include fz(40px);
			font-weight: 700;
		}
	}

	.btn {
	    display: block;
	    width: 3rem;
	    margin: auto;
	    margin-top: 1rem;
	}
	a{
	    width: 3rem;
	    height: 3rem;
	    color: #fff;
	    border-radius: 50%;
	    background: $primaryColor;
	    border: none;
	    margin: auto;
	    @include fz(25px);
	    display: block;
	    line-height: 3rem;
	    text-align: center;
	}
	.note{
	    text-align: center;
	    display: block;
	    width: 100%;
	    margin-top: .75rem;
	    color: silver;
	    @include fz(18px);
	}
}
